<template>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item :style="{
                    backgroundSize: 'cover',
                    backgroundRepeat: 'no-repeat',
                    backgroundPosition: 'center',
                    backgroundImage: 'url(' + item.url + ')'
        }" v-for="(item, index) in data.images" :key="index">
        </van-swipe-item>
    </van-swipe>
</template>

<style scoped>
    .my-swipe .van-swipe-item {
        color: #fff;
        font-size: 20px;
        height: 150px;
        text-align: center;
        background-color: #39a9ed;
    }
</style>

<script>
    export default {
        components: {},
        props: {
            data: Object
        },
        data() {
            return {}
        }
    }
</script>